<% layout("/common/layout.html",{"title":"主页"}){ %>
<div class="row wrapper border-bottom white-bg page-heading">
	<div class="col-sm-8">
		<h2>一窗多办</h2>
		<ol class="breadcrumb">
			<li><a href="${ctxPath}/windowOffices/view/index">主页</a></li>
			<li class="active">部门事项</li>
		</ol>
	</div>
</div>
<div class="wrapper wrapper-content">
		<div class="row mt15">
			      <!-- 搜索-->
 <% include("/windowOffices/search_bar.html"){} %> 
      <!-- 搜索-->
			<div class="panel panel-primary">
				<div class="panel-heading">
					<h1 style="color: white;">${deptName!}</h1>
				</div>
				<div class="panel-body">
					<!--事项菜单-->
					<h4>
						<i class="iconfont icon-computer"></i>事项列表-共${pager.totalPage}页，${pager.total}条事项
					</h4>
					<hr></hr>
					<div class="col-sm-4">
						<h5 class="alert alert-success" align="center"">按事项类型</h5>
						<%if(isNotEmpty(serviceTypeMap)){for(map in serviceTypeMap){%>
						<div class="col-sm-6" style="margin-top: 12px;">
							<a href="/windowOffices/${itemType!}/${deptCode}-1-${map.key}"
								class="btn btn-primary ${serviceType==map.key?'btn-outline'} btn-lg ">
								<i class="fa fa-hand-o-${serviceType==map.key?'right':'up'}"></i>&nbsp;&nbsp; ${map.value}
							
							</a> 
						</div>
						<%}}%>
					</div>
					<div class="col-sm-8">
						<% if(isNotEmpty(itemsList)){ for(item in itemsList){ %>
						<div class="media">
							<div class="media-body">
								<h3>
									<a href="/windowOffices/detail/${item.unid!}"
										style="text-decoration: none;">${item.serviceName!}</a>
								</h3>
							</div>

							<div class="media-bottom">
								<div class="pull-left">
									<b> 受理部门：</b>${item.deptName!} <b>星级：</b>${item.starLevel!}星
								</div>
								<div class="pull-right">
									<a href="/windowOffices/detail/${item.unid!}"
										class="btn btn-primary btn-outline"><i
										class="iconfont icon-zhinanzhen" aria-hidden="true">办事指南</i></a> <a
										href="/windowOffices/info/${item.serviceCode!}"
										class="btn btn-primary btn-outline"><i
										class="iconfont icon-qianzhengbanli" aria-hidden="true">在线办理</i></a>
									<a href="javaScript:alert('功能正在建设中，暂无法评价！')"
										class="btn btn-primary btn-outline"><i
										class="iconfont icon-pingjia" aria-hidden="true">评价</i></a>
								</div>
							</div>

						</div>
						<hr>
						<%}}else{%>
						<div class="text">暂时无相关办理事项</div>
						<%}%>

						<section class="center-block text-left">
							<div class="col-sm-page-12">
								<ul class="pagination">
									<li><a
										href="/windowOffices/${itemType!}/${deptCode}-${pager.start}-${serviceType}"
										aria-label="First"><span aria-hidden="true">首页</span></a></li>
									<li><a
										href="/windowOffices/${itemType!}/${deptCode}-${pager.pre}-${serviceType}"
										aria-label="Previous"><span aria-hidden="true">上一页</span></a></li>
									<li><a href="" aria-label="Previous"><span
											aria-hidden="true">第&nbsp;${pager.pageNum}/${pager.totalPage}&nbsp;页</span></a></li>
									<li><a
										href="/windowOffices/${itemType!}/${deptCode}-${pager.next}-${serviceType}"
										aria-label="Next"><span aria-hidden="true">下一页</span></a></li>
									<li><a
										href="/windowOffices/${itemType!}/${deptCode}-${pager.offset}-${serviceType}"
										aria-label="Last">尾页</a></li>
								</ul>
							</div>
						</section>

					</div>
				</div>
			</div>


		</div>

</div>



<% } %>
<script>
    require(['windowOffices/windowOffices'], function (windowOffices) {
    	windowOffices.dept();
    });

</script>
</body>
</html>